<!DOCTYPE html>
<html>
<head>
  <title>Foo - {{title}}</title>
  
  <style>
  	body{font-family:sans-serif}
  	header{border-bottom:1px solid black}
    footer{border-top:1px solid black}
    dt{
    	float:left;
    	margin-right:5px}
		dt:after{content:':'}
		menu{padding:0px}
		command{color:blue}
		
    {% block style %}
    	/* none */
    {% endblock %}
  </style>
    
  <script src="http://www.google.com/jsapi?key=ABQIAAAAQWhMI9Xzn_9mHvRqhFZvpBSsuxLq76yGNt7n3xSdD6uCNLZy5hTQTt8wd2dRsnjPTnBUddYQX8JZ2A" type="text/javascript"></script>
  <script language="Javascript" type="text/javascript">
    google.load("chrome-frame", "1.0.2")
    google.load("jquery", "1.4.1", {uncompressed:true})
    google.load("feeds", "1")
    
    function init(){
      {% block script %}
      	// none
      {% endblock %}
    }
    google.setOnLoadCallback(init)
  </script>
</head>

<body>

  <header>
    <h1><a href="/">Foo</a> - {{title}}</h1>
  </header>
  
    <nav>
      {% if user %}
        <a href="/">Channels</a>
        <a href="/user/{{ user.id }}">{{ user.nickname }}</a>
      {% endif %}
      <a href="{{user_link}}">{{ user_action }}</a>
    </nav>
    
    <section>
      {% if user %}
        {% block content %}
        {% endblock %}
      {% else %}
        <h1>Welcome</h1>
        <p>To get started please login.</p>
      {% endif %}
    </section>
    
    <footer>
      by <address>jesse@codery.com</address>
      {% block footer %}
      {% endblock %}
    </footer>
    
</body>
</html>
